*{
    margin: 0;
    padding: 0;
    text-decoration: none;
}
[v-cloak]{
    display: none; 
}
.nav{
    padding: 0 50px;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    z-index: 11;
    background: rgba(50, 206, 158, 0.9);
}
.logo{
    width: 180px;
    height:50px;
    flex: 1;
    box-sizing: border-box;
    padding: 20px 10px 10px 0px;
}
.logo img{
    width: 150px;
    height: 27px;
}
.nav_list{
    flex: 1;
    text-align: left;
    clear: #fff;
    line-height: 77px;
}
.nav_list div{
    color:#fff;
    padding: 0  25px;
    display: inline-block;
}
.nav_list>div :hover{
    color: red;
    cursor: pointer;
}
.head{
    width: 100%;
    height: 600px;
    background-color: rgba(53,215,164,0.9);
}
.headleft{
    width: 50%;
    height: 600px;
    float: left;
    
    padding-top: 130px;
    padding-left: 90px;
    box-sizing: border-box;

}
.headleft h3{
    font-size: 74px;
    color: rgb(255, 255, 255);
    letter-spacing: 1px; 
    line-height: 80px;
    font-weight: normal;
    padding-bottom: 30px;
    box-sizing: border-box;
}
.headleft p{
    font-size: 18px;
    line-height: 28px;
    color: rgb(255, 255, 255);
    padding-bottom: 50px;
    box-sizing: border-box;
}
.headleft button{
    font-size: 16px;
    letter-spacing: 1px;
    text-indent: 1px;
    padding: 10px 35px;
    border-width: 2px;
    border-radius: 20px;
    background-color: rgb(240, 67, 125);
    border-color: rgb(240, 67, 125);
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.headleft button:hover{
     background-color: transparent;
     color: rgb(240, 67, 125);
}
.headright{
    width: 50%;
    height: 600px;
    float: right;
 
}
.headright div{
    width: 526px;
    height: 405px;
    margin-top: 60px;
   margin-left: 80px;
}
.headright div img{
    width: auto;
    height: 100%;
    animation: aa 3s infinite linear;
    -webkit-animation: aa 3s infinite linear;
}
@keyframes aa{ 
0% {
    margin-top:0;
    
}
50%{
    margin-top:-10px;
}
100%{
    margin-top:0;
}
}
.wenzi2{
    width: 100%;
    height: 300px;
    background-color: #f7f7f7;
    padding-top: 35px;
    box-sizing: border-box;
}
.wenzi2 h3{
    font-family:微软雅黑;
    font-size:18px;
    font-weight:normal;
    font-style:normal;
    color:#35d7a4;
    padding:0 0 3px 0;
    text-align: center;
    padding-bottom: 35px;
    box-sizing: border-box;
}
.wenzi2 p{
    font-size: 24px;
    font-family: 微軟正黑體;
    letter-spacing: 2px;
     line-height: 40px; 
     text-align: center;
     padding: 0 40px;
     box-sizing: border-box;
}
.sheng{
    width: 100%;
    height: 300px;
}
.p1{
    width: 25%;
    height: 300px;
    float: left;
    margin-left: 100px;
    padding-top: 75px;
    box-sizing: border-box;
}

.p1 h5{
    font-size: 22px; 
    text-align: center;
    padding-top: 5px;
    padding-bottom: 15px;
    font-weight: normal;
    box-sizing: border-box;
    color: rgb(25, 25, 25);
}
.p1 p{
    color:#666666;
    text-align: center;
}
.jin{
    width: 100%;
    height: 350px;
    background-color:#35d7a4; 
}
.jin p{
    color: rgb(255, 255, 255);
    line-height: 30px; 
    letter-spacing: inherit;
    font-size: 14px;
    text-align: center;
    padding:35px 0 0px 0;
    box-sizing: border-box;
}
.jin h6{
    text-align: center;
    font-family:微软雅黑;
    font-size:48px;
    font-weight:normal;
    font-style:normal;
    color:#ffffff;
    padding:10px 0 3px 0;
    box-sizing: border-box;
}
.jin div{
    width: 75px;
    height: 75px;
    margin:  30px auto;
}
.jin div img{
    width: 100%;
    height: 100%;
}
.hexin{
    width: 100%;
    height: 600px;
}
.hexinleft{
    width: 526px;
    height: 516px;
    float: left;
    margin-top: 70px;
    margin-left: 85px;
}
.hexinleft img{
    width: 100%;
    height: 100%;
}
.hexinright{
    width: 50%;
    height: 600px;
    float: left;
}
.hexinright h3{
    font-family:微软雅黑;
    font-size:42px;
    font-weight:normal;
    font-style:normal;
    color:#191919;
    padding:0 0 15px 0;
    display:block;
    padding:70px 0 15px 100px;
    box-sizing: border-box;
    vertical-align:bottom;
}
.fuwu {
    width: 100%;
    height: 470px;
}
.fuwuleft{
    width: 50%;
    height: 470px;
    float: left;
    padding-left: 70px;
    box-sizing: border-box;
}
.fuwuleft h3{
    font-family:微软雅黑;
    font-size:42px;
    font-weight:normal;
    font-style:normal;
    color:#191919;
    padding:0 0 15px 0;
    display:block;
    vertical-align:bottom;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.fuwuleft p{
    font-size: 14px;
    font-family: 微軟正黑體;
    padding-bottom: 35px;
    box-sizing: border-box;
    
}
.fuwuleft ul li{
    font-family:微软雅黑;
    font-size:16px;
    font-weight:normal;
    font-style:normal;
    color:#333333 ;
    list-style: none;
    padding:0 0 0 10px;
    vertical-align:bottom;
    line-height: 20px;
}
.fuwuright{
    width: 50%;
    height: 470px;
    float: left;
}
.fuwuright img{
   width: 590px;
   height: 468px;
}
.qiye{
    width: 100%;
    height: 700px;
    background-color: #f7f7f7;
}
.qiye h4{
    font-family:微软雅黑;
    font-size:48px;font-weight:normal;
    font-style:normal;
    color:#0b1b2b;
    padding:20px 0 15px 0;
    box-sizing: border-box;
    display:block;
    text-align: center;
    vertical-align:bottom;
}
.qiye p{
    font-size:14px;
    font-weight:normal;
    text-align: center;
    font-style:normal;
    color:#707070;
    display:block;
    padding:2px;
    vertical-align:bottom;

}
.a1{
    width: 25%;
    height: 467px;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: #fff;
    margin-left: 70px;
    margin-top: 40px;
}
.a1 div{
    width: 100%;
    height: 100px;

}
.a1 div h6{
    font-size: 20px;
    padding-top: 20px;
    box-sizing: border-box;
    text-align: center;
}
.a1 div p{
    color: rgb(53, 215, 164); 
    font-size: 40px;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #707070;
}
.a1 ul{
    margin-top: 20px;
}
.a1 ul li{
    list-style: none;
    font-size: 15px;
    line-height: 28px; 
    text-align: center;
    /* width: 200px; */
    
}
.a1 button{
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    text-indent: 1px;
    padding: 8px 30px;
    border-width: 2px;
    background-color: #fff;
    margin-left: 80px;
    margin-top: 20px;
    border-color: rgb(53, 215, 164);
    text-align: center;
    color: #000;
}
.a1 button:hover{
    color: rgb(255, 255, 255);
    background-color: rgb(53, 215, 164);
}
.women{
    width: 100%;
    height: 580px;
    margin-top: 10px;
}
.women h4{
    font-family:微软雅黑;
    font-size:48px;
    font-weight:normal;
    font-style:normal;
    color:#0b1b2b;
    padding:10px 0 15px 0;
    display:block;
    box-sizing: border-box;
    text-align: center;
    vertical-align:bottom;
}
.women p{
    font-size:14px;
    font-weight:normal;
    text-align: center;
    font-style:normal;
    color:#707070;display:block;
    padding:2px;vertical-align:bottom;
}
.womenxia{
    float: left;
    width: 25%;
    height: 450px;
    margin-top: 20px;
    margin-left: 87px;
}
.womenxia div{
    width:100%;
    height: 320px;
    margin-bottom: 10px;
}
.womenxia div img{
    width:100%;
    height: 100%;
}
.womenxia h6{
    color: rgb(0, 0, 0);font-size: 18px;text-align: center;
}
.womenxia p{
    font-size: 15px; color: rgb(53, 215, 164);
    text-align: center;
    
}
.zhu{
    width: 100%;
    height: 250px;
    background-color: rgb(53, 215, 164) ;
}


.zhu h3{
    font-size: 40px;
    font-family:微软雅黑;
    text-align: center;
    font-weight:normal;
    color: #fff;
}
.zhu p{
    text-align: center;
    color:#ffffff;
}
.zhu button{
     font-size: 16px;
     letter-spacing: 2px;
     text-indent: 2px;
     padding: 10px 35px;
     border-width: 2px;
     border-color: rgb(240, 67, 125);
     color: #fff;
     margin-left: 570px;
     margin-top: 30px;
     text-align: center;
     background-color: rgb(240, 67, 125);
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
.zhu button:hover{
    background-color: transparent;
    color: rgb(240, 67, 125);

}
.jianli{
    width: 100%;
    height: 490px;
    background-color: #f7f7f7;
}
.jinalileft{
    float: left;
    width: 50%;
    height: 490px;
}
.jinalileft h3{
    font-family:微软雅黑;font-size:48px;
    font-weight:normal;
    font-style:normal;color:#0b1b2b;
    padding:100px 0 3px 60px;
    box-sizing: border-box;
}
.jinalileft p{
    letter-spacing: 1px; line-height: 26px;
    font-size: 15px;
    padding:30px 70px 20px 60px;
    box-sizing: border-box;
}
.jinaliright{
    float: left;
    height: 490px;
    box-sizing: border-box;
    width: 50%;
    padding-top: 100px;
}
.jinaliright img{
    width: 600px;
    height: 330px;
}
.imgg{
    width: 100%;
    height: 250px;
    background-color: #f7f7f7;
}
.imgg img{
    width: 196px;
    height: 52px;
    margin-left: 60px;
    margin-top: 20px;
}
.kehu{
    width: 100%;
    height: 745px;
}
.kehu h3{
    font-family:微软雅黑;font-size:46px;
    text-align: center;
    font-weight:normal;font-style:normal;color:#0b1b2b;
    padding:40px 0 40px 0;
    box-sizing: border-box;
}
.kehu img{
  width: 940px;
  height: 540px;
  margin-left: 190px;
}
.xinxi{
    width: 100%;
    height: 330px;
}
.xinxi h3{
    text-align: center;
    box-sizing: border-box;
    padding-top: 20px;
    font-size:42px;font-weight:normal;font-style:normal;color:#191919;
}
.xixi{
    width: 20%;
    height: 100px;
    float: left;
    margin-left: 140px;
    margin-top: 50px;
}
.xixi p{
    font-size: 18px; 
    font-family: 微軟正黑體;
    text-align: center;
}
.suishi{
    width: 100%;
    height: 575px;
    background-color: #f7f7f7;
}
.suishi h3{
    font-size:42px;font-weight:normal;font-style:normal;color:#191919;
    text-align: center;
    box-sizing: border-box;
    padding-top: 40px;
}
.suishi input:nth-of-type(1){
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 232, 232);
    height: 50px;font-size: 18px;
    width: 400px;
    margin-top: 50px;
    box-sizing: border-box;
    padding-left: 5px;
    margin-left: 220px;
}
.suishi input:nth-of-type(2){
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 232, 232);
    height: 50px;font-size: 18px;
    width: 400px;
    margin-top: 50px;
    box-sizing: border-box;
    padding-left: 5px;
    margin-left: 40px;
}
.suishi input:nth-of-type(3){
    width: 850px;
    height: 200px;
    margin-top: 30px;
    margin-left: 220px;
}
.suishi button{
    width: 140px;
    height: 50px;
    color: #ffffff;
    font-size: 18px;
    border-radius: 30px;
    line-height:18px;
    /*padding:20px 50px 20px 0;
    */font-weight: bold;
    text-align: center;
    display: block;
    background-color: #f0437d;
    border-color: #f0437d;
    margin-top:30px ;
    margin-left: 600px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.xinwen{
    width: 100%;
    height: 1121px;
}
.xinwenleft{
    float: left;
  
    width: 60%;
    height: 1121px;
}

.ha1{
    width: 100%;
    height: 20%;
    border-bottom:1px solid #f7f7f7;
    box-sizing: border-box;
}

.ha1 h6{
    color:#191919;
    font-size:24px;
    color: rgb(0, 0, 0);
    font-weight: normal;
    line-height:24px;
    padding:70px 70px 20px 70px ;
    box-sizing: border-box;
}
.ha1 h6:hover{
    color: rgb(53, 215, 164);
}
.ha1 span{
    color:#bfbfbf;
    font-size:12px;
    padding:10px 70px 20px 70px ;
    box-sizing: border-box;
}
.ha1 p{
    color:#878787;
    font-size:14px;
    padding:10px 70px 20px 70px ;
    box-sizing: border-box;
}

.xinwenright{
    float: left;
    width: 388px;
    height: 484px;
    margin-top: 30px;
    margin-left:20px ;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.xinwenright input{
    border:1px solid #ccc;
    width: 300px;
    margin: 20px 0px 20px 40px;
    height:50px;
}
.xinwenright h3{
    font-family:f00c04f7d6978231235201dd892114af7;
    padding-left:40px;
    box-sizing: border-box;
    font-size:20px;font-weight:normal;
    font-style:normal;
    color:#000000;
}
.xinwenright p{
    color:#191919;font-size:15px;line-height:1.5;
    /* margin-top: 20px; */
    padding: 12px 40px;
    border-bottom:1px solid #f7f7f7 ;
    box-sizing: border-box;
    
}
.xinwenright p:hover{
    color: rgb(53, 215, 164);
}
.footer{
    width: 100%;
    height: 400px;
    background-color: #f7f7f7;
}
.heng1{
    float: left;
    margin-left:30px ;
    width: 22%;
    height: 400px;
    box-sizing: border-box;
    padding: 50px 20px 10px 50px;
}
.heng1 .img{
    width: 140px;
    height: 25px;
}
.heng1 p{
    padding-top:30px ;
    box-sizing: border-box;
    font-size: 14px; font-family: 微軟正黑體;
}
.heng2{
    float: left;
    margin-left:30px ;
    width: 22%;
    height: 400px;
    box-sizing: border-box;
    padding: 50px 20px 10px 50px;
}
.heng2 h6{
    font-family:ff9f84738acddf2570b713b50b60b8e7c;
    padding-bottom:20px ;
    box-sizing: border-box;
    font-size:22px;font-weight:normal;font-style:normal;color:#0b1b2b;
}
.heng2 p{
    font-size: 18px;color: rgb(133, 141, 149);
    line-height: 40px;
}
.heng3{
    float: left;
    width: 22%;
    margin-left:30px ;
    height: 400px;
    box-sizing: border-box;
    padding: 50px 20px 10px 50px;
}
.heng3 h3{
    font-family:f491c00f8594189babe3442a67aeeed02;
    text-align: center;
    padding-bottom:20px ;
    box-sizing: border-box;
    font-size:22px;font-weight:normal;font-style:normal;color:#0b1b2b;
}
.heng3 img{
  width:250px;
  height: 150px;
}